<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宿舍成员介绍</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <nav>
        <div class="logo1">
            <img src="tupian/logo.jpg" alt="宿舍 logo" class="logo-img">
        </div>
        <div class="logo">我们的宿舍</div>
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="宿舍成员.htnl">宿舍成员</a></li>
            <li><a href="#">宿舍活动</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </nav>

    <!-- 宿舍成员介绍区域 -->
    <section class="members">
        <h2>我们的宿舍成员</h2>
        <div class="member-cards">
            <div class="card">
                <img src="tupian/_cgi-bin_mmwebwx-bin_webwxgetmsgimg__&MsgID=8074773568092520218&skey=@crypt_b195fa53_244924e652a071648e6a75f4339250ba&mmweb_appid=wx_webfilehelper.jfif" alt="张三">
                <h3>冯国褔</h3>
                <p>昵称：神</p>
                <p>年级/专业：大二 / 计算机科学</p>
                <p>身份：苍蓝星</p>
                <p>个性签名：我丢掉了昨天，从此脚步变得轻盈</p>
            </div>
            <div class="card">
                <img src="tupian/_cgi-bin_mmwebwx-bin_webwxgetmsgimg__&MsgID=2704785480068755356&skey=@crypt_b195fa53_244924e652a071648e6a75f4339250ba&mmweb_appid=wx_webfilehelper.jfif" alt="李四">
                <h3>李正毅</h3>
                <p>昵称：</p>
                <p>年级/专业：大二 / 计算机学</p>
                <p>身份：医学领域HIV治疗者</p>
                <p>个性签名：用画笔记录生活的美好！</p>
            </div>
            <div class="card">
                <img src="tupian/_cgi-bin_mmwebwx-bin_webwxgetmsgimg__&MsgID=1533543734209701633&skey=@crypt_b195fa53_244924e652a071648e6a75f4339250ba&mmweb_appid=wx_webfilehelper.jfif" alt="李四">
                <h3>胡大壮</h3>
                <p>昵称：九号骑士</p>
                <p>年级/专业：大二 / 计算机学</p>
                <p>身份：巴黎Major冠军获得者</p>
                <p>个性签名：爱人的眼睛，是第八大洋</p>
            </div>
            <div class="card">
                <img src="tupian/_cgi-bin_mmwebwx-bin_webwxgetmsgimg__&MsgID=6112058201630366091&skey=@crypt_b195fa53_244924e652a071648e6a75f4339250ba&mmweb_appid=wx_webfilehelper.jfif" alt="李四">
                <h3>吴文杰</h3>
                <p>昵称：coke</p>
                <p>年级/专业：大二 / 计算机学</p>
                <p>身份：抽象的村里人</p>
                <p>个性签名：木叶的未来由我守护</p>
            </div>
            <div class="card">
                <img src="tupian/_cgi-bin_mmwebwx-bin_webwxgetmsgimg__&MsgID=5158828291539304011&skey=@crypt_b195fa53_244924e652a071648e6a75f4339250ba&mmweb_appid=wx_webfilehelper.jfif" alt="李四">
                <h3>王映源</h3>
                <p>昵称：小王</p>
                <p>年级/专业：大二 / 计算机学</p>
                <p>兴趣爱好：默默无闻的抖腿哥</p>
                <p>个性签名：用画笔记录生活的美好！</p>
            </div>
            <div class="card">
                <img src="tupian/_cgi-bin_mmwebwx-bin_webwxgetmsgimg__&MsgID=5043960499744476755&skey=@crypt_b195fa53_244924e652a071648e6a75f4339250ba&mmweb_appid=wx_webfilehelper.jfif" alt="李四">
                <h3>吴忠涛</h3>
                <p>昵称：瓦批</p>
                <p>年级/专业：大二 / 计算机学</p>
                <p>兴趣爱好：和蔼可亲go学长</p>
                <p>个性签名：用画笔记录生活的美好！</p>
            </div>
            <div class="card">
                <img src="tupian/default.jfif" alt="李四">
                <h3>西里</h3>
                <p>昵称：小李</p>
                <p>年级/专业：大二 / 计算机学</p>
                <p>兴趣爱好：吃饭，睡觉</p>
                <p>个性签名：吃了睡，睡了吃，生活如此美好！</p>
            </div>
            <!-- 更多成员卡片 -->
        </div>
    </section>

</body>
</html>